<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="http://img.isyour.cn/animate.css">
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <title>个税APP申报指南</title>
    <style>
        @-webkit-keyframes rotation{
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(360deg);}
        }

        .lineBg{
        -webkit-transform: rotate(360deg);
        animation: rotation 14s linear infinite;
        -moz-animation: rotation 14s linear infinite;
        -webkit-animation: rotation 14s linear infinite;
        -o-animation: rotation 14s linear infinite;
        }

        .container{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            background: #71c0e5;
            display: none;
        }
        .topBg{
            position: absolute;
            top: 6%;
            left: 50%;
            width: 9.2rem;
            margin-left: -4.6rem;
            z-index: 3;
        }
        .lineBg{
            position: absolute;
            top: -3rem;
            left: 50%;
            width: 18rem;
            margin-left: -9rem;
            z-index: 2;
        }
        .bottomBg{
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 3;
        }
        .startBtn{
            position: absolute;
            bottom: 0.6rem;
            left: 50%;
            width: 4rem;
            margin-left: -2rem;
            z-index: 4;
        }
    </style>
</head>
<body>
    <div class="container">
        <img class="topBg animated swing" src="http://img.isyour.cn/title.png" alt="">
        <img class="lineBg animated heartBeat" src="http://img.isyour.cn/fs.png" alt="">
        <img class="bottomBg animated slideInUp" src="http://img.isyour.cn/th.png" alt="">
        <img class="startBtn animated rubberBand" onclick="start()" src="http://img.isyour.cn/begin.png" alt="">
    </div>
    <script>
        window.onload=function(){
            document.getElementsByClassName('container')[0].style.display='block';
        }
        function start(){
            window.location.href='map.html'
        }
    </script>
</body>
</html>